﻿window.onload = function () {
    /*------------- valid form register, design by Van Khuong ----------*/

    var inputs = document.forms[0].getElementsByTagName("input");
    //alert(inputs.length);
    var run_onchange = false;
    var clickupdate = false;
    function valid() {
        var errors = false;
        var reg_mail = /^[A-Za-z0-9]+([_\.\-]?[A-Za-z0-9])*@[A-Za-z0-9]+([\.\-]?[A-Za-z0-9]+)*(\.[A-Za-z]+)+$/;
       // alert("erertert " + clickupdate);
        for (var i = 0; i < inputs.length; i++) {
            var value = inputs[i].value;
            var id = inputs[i].getAttribute('id');

            // Tạo phần tử span lưu thông tin lỗi
            var span = document.createElement('span');
            // Nếu span đã tồn tại thì remove
            var p = inputs[i].parentNode;
            if (p.lastChild.nodeName == 'SPAN') { p.removeChild(p.lastChild); }

            // Kiểm tra rỗng
            if (value == '') {
                span.innerHTML = '<br><font color="red">Yêu cầu nhập thông tin</font>';
            } else {
                // Kiểm tra các trường hợp khác
                if (id == 'email') {
                    if (reg_mail.test(value) == false) { span.innerHTML = 'Email không hợp lệ (ví dụ: abc@gmail.com)'; }
                    var email = value;
                }
                if (id == 'confirm_email' && value != email) { span.innerHTML = 'Email nhập lại chưa đúng'; }
                // Kiểm tra password
                if (id == 'password') {
                    if (value.length < 6) { span.innerHTML = 'Password phải từ 6 ký tự'; }
                    var pass = value;
                }
                // Kiểm tra password nhập lại
                if (id == 'confirm_pass' && value != pass) { span.innerHTML = 'Password nhập lại chưa đúng'; }
                // Kiểm tra số điện thoại
                if (id.match(/^d/gi) || id.match(/^n/gi)) {
                    if (n != "" && !isNaN(n) && Math.round(n) == n) { span.innerHTML = '<br><font color="red">Phải nhập kiểu số</font>'; }
                    else
                        if (n != "" && !isNaN(n) && Math.round(n) != n) { span.innerHTML = '<br><font color="red">Phải nhập kiểu số thực</font>'; }
                }
            }

            // Nếu có lỗi thì span vào hồ sơ, chạy onchange, submit return false, highlight border
            if (span.innerHTML != '') {
                inputs[i].parentNode.appendChild(span);
                errors = true;
                run_onchange = true;
                inputs[i].style.border = '1px solid #c6807b';
                inputs[i].style.background = '#fffcf9';
            }
        } // end for
        // alert('Cập nhật thành công :' + run_onchange);tyrty
      // alert(document.getElementById('btnCapNhat'));
      //  if ((errors == false) && (document.getElementById('btnCapNhat').onclick == true)) { alert('Cập nhật thành công'); }
        return !errors;
    } // end valid()

    // Chay ham kiem tra
    var register = document.getElementById('btnCapNhat');
    register.onclick = function () {
        return valid();
    }
    // Kiểm tra lỗi với sự kiện onchange -> gọi lại hàm valid()
//    for (var i = 0; i < inputs.length; i++) {
//        var id = inputs[i].getAttribute('id');
//        inputs[i].onchange = function () {            
//            if (run_onchange == true) {
//                this.style.border = '1px solid #999';
//                this.style.background = '#fff';                
//                valid();
//            }
//        }
//    } // end for
}         // end onload